<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" id="html">

<link href="local.css" rel="stylesheet" type="text/css">

<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
</head>

<title>Simple test</title>

<body>

<div>Dette er en test på litt ymse</div>
<div>Dette er en test på litt ymse</div>
<div>Dette er en test på litt ymse</div>
<div>Dette er en test på litt ymse</div>
<hr style="clear:both;">
<div>
	<div style="float:left;">
		<img onmousemove="replaceContent(false, 'someID')" onmouseout="replaceContent(true, 'someID')" align="top" src="small.jpg" alt="small">
		Noe tekst her. Noe tekst her. Noe tekst her.
	</div>
	<div class="lol" id="someID">
		<img src="large.jpg" alt="Missing image">
	</div>
</div>

<hr style="clear:both;">
<div>
	<div style="float:left;">
		<img width="60px" height="75px" onmousemove="replaceContent(false, 'someID1')" onmouseout="replaceContent(true, 'someID1')" align="top" src="small1.jpg" alt="small">
		Noe annet her.
	</div>
	<div class="lol" id="someID1">
		<img width="400px" height="500px" src="large1.jpg" alt="Missing image">
	</div>
</div>

</body>
<hr style="clear:both;">

<div>Dette er en test på litt ymse</div>
<div>Dette er en test på litt ymse</div>
<div>Dette er en test på litt ymse</div>
<div>Dette er en test på litt ymse</div>

<script language="JavaScript">

	function replaceContent(add, id_text) {
		element = document.getElementById(id_text);
		add ? element.className ="lol" : element.className ="lol1";
	}
</script>

</html>